﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
	<head>
		<title></title>
	</head>
	<body style="font-size:17px">
	
	    <h1>
            Usecase login</h1>
        <h2>
            Description</h2>
            <p>
                User login</p>
<h2>
            Actors</h2>
        <p>
            User</p>
        <h2>
            Steps</h2>
        
            When user click login link, the dialog login is shown.<br />
            User input username, password and push button login <br />
            System check username and password. If username and password match, system 
        replace the login link with the name of succesful login user.<br />
        If username and password not match, system shows &quot;Ban da nhap sai ten va mat 
        khau&quot; on dialog.

            
        <h2>
            Rule</h2>
        <h2>
            Mockup</h2>
            <h4>Screen 1. Login box</h4>
            <img alt="" src="login_box.JPG" /><br />
        <br />
        <br />
            <img alt="" src="login_box_2.JPG" />
            <table border="1" frame="border" style="width:100%;">
                <tr>
                    <td style="width:30%" valign="top">
                        Userame textbox</td>
                    <td valign="top">
                        Used for input username</td>
                </tr>
                <tr>
                    <td style="width:30%" valign="top">
                        Password textbox</td>
                    <td valign="top">
                        Used for input textbox</td>
                </tr>
                <tr>
                    <td style="width:30%" valign="top">
                        Login button</td>
                    <td valign="top">
                        Execute login function&nbsp;</td>
                </tr>
                <tr>
                    <td style="width:30%" valign="top">
                        Close link</td>
                    <td valign="top">
                        To close the dialog</td>
                </tr>
                <tr>
                    <td style="width:30%" valign="top">
                        Quên mật khẩu link</td>
                    <td valign="top">
                        Link to ForgetPass page</td>
                </tr>
                </table>
        	
	</body>
</html>